<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>物资流向</title>
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
</head>
<body>
<div class="top_text" style="margin-top: -20px">
    <h5 style="text-align: center">你好，欢迎你来到汇讯抗疫救灾互助平台</h5>
    <div style="float: right;display: flex;align-items: center;justify-content:center;margin-top: -30px;padding-right: 20%">
        <div style="">客户服务</div>
        <div>
            <a href="login.html">
                <button>登录</button>
            </a>
            <a href="regist.html">

                <button>注册</button>
            </a>
        </div>

    </div>

</div>
<div>
    <div style="display: flex;align-items: center;justify-content: center">
        <div style="text-align: left;position: absolute;left: 20%">
            <img src="./image/图片1.png" width="100" height="100">
        </div>
        <div style="text-align: center;margin-left:-260px">
            <h3>汇讯科学技术有限公司</h3>
        </div>
    </div>
</div>
<div style="position: absolute;background-color: crimson;width: 80%;left: 10%;height: 40px;margin-top: 30px">
    <div style="display: flex;justify-content: left;">
        <a href="index6.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">灾情地图</div>
        </a>
        <a href="index3.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">抗灾贴士</div>
        </a>
        <a href="index7.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">灾情资讯</div>
        </a>
        <a href="index.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">个人求助</div>
        </a>
        <a href="index4.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">物资流向</div>
        </a>
        <a href="index5.html">
            <div style="color: white;padding-left: 20px;line-height: 40px">物资捐赠</div>
        </a>
    </div>
</div>
<div style="position: absolute;width: 80%;left: 10%;height: 40px;border: 1px solid black;margin-top: 70px;background-color: #F08080">
        <div style="display: flex;align-items: center;justify-content: center;position: absolute;left: 35%">
            <h6 style="padding-right: 10px">省</h6>
            <select>
                <option value="北京">北京市</option>
                <option value="浙江省">浙江省</option>
                <option value="天津市">天津市</option>
                <option value="安徽省">安徽省</option>
                <option value="上海市" selected>上海市</option>
                <option value="福建省">福建省</option>
                <option value="重庆市">重庆市</option>
                <option value="江西省">江西省</option>
                <option value="山东省">山东省</option>
                <option value="河南省">河南省</option>
                <option value="湖北省">湖北省</option>
                <option value="湖南省">湖南省</option>
                <option value="广东省">广东省</option>
                <option value="海南省">海南省</option>
                <option value="山西省">山西省</option>
                <option value="青海省">青海省</option>
                <option value="江苏省">江苏省</option>
                <option value="辽宁省">辽宁省</option>
                <option value="吉林省">吉林省</option>
                <option value="台湾省">台湾省</option>
                <option value="河北省">河北省</option>
                <option value="贵州省">贵州省</option>
                <option value="四川省">四川省</option>
                <option value="云南省">云南省</option>
                <option value="陕西省">陕西省</option>
                <option value="甘肃省">甘肃省</option>
                <option value="黑龙江省">黑龙江省</option>
                <option value="香港特别行政区">香港特别行政区</option>
                <option value="澳门特别行政区">澳门特别行政区</option>
                <option value="广西壮族自治区">广西壮族自治区</option>
                <option value="宁夏回族自治区">宁夏回族自治区</option>
                <option value="新疆维吾尔自治区">新疆维吾尔自治区</option>
                <option value="内蒙古自治区">内蒙古自治区</option>
                <option value="西藏自治区">西藏自治区</option>
            </select>
        </div>
        <div style="display: flex;align-items: center;justify-content: center;position: absolute;left: 51%">
            <h6 style="padding-right: 10px">市</h6>
            <select>
                <option value="浦东新区">浦东新区</option>
                <option value="徐汇区">徐汇区</option>
                <option value="长宁区">长宁区</option>
                <option value="静安区">静安区</option>
                <option value="普陀区">普陀区</option>
                <option value="虹口区">虹口区</option>
                <option value="杨浦区">杨浦区</option>
                <option value="杨浦区">杨浦区</option>
                <option value="宝山区">宝山区</option>
                <option value="嘉定区">嘉定区</option>
                <option value="浦东区">浦东区</option>
                <option value="金山区">金山区</option>
                <option value="松江区">松江区</option>
                <option value="青浦区">青浦区</option>
                <option value="奉贤区">奉贤区</option>
                <option value="崇明区">崇明区</option>
            </select>
        </div>
    <div style="position:absolute;border: solid white 1px;width: 50px;text-align: center;border-radius: 20px;right: 10%">
        <h5 style="color: white">查询</h5>
    </div>
</div>
<div style="position:absolute;border: green 1px solid;width: 80%;left: 10%;height: 1000px;margin-top: 110px">
    <div style="display: flex;align-items: center;justify-content: center;position: relative;left: -30%">
        <div style="margin-top: 20px;position: absolute;left: 35%">
            <img src="image/icon2.png" width="50" height="50">
        </div>
        <div style="margin-top: 20px;margin-left: -40px">
            <input type="text" style="width: 50px">
        </div>
    </div>

    <div style="margin-top: 20px;margin-left: 20px">
        1111111111111111111111
    </div>
    <div style="margin-left: 20px;">
        222222222222222222222222
    </div>

</div>
</body>
</html>